﻿.appIntroDialog {
  .mdEditor {
    position: relative;
    width: 100%;

    .editorNull {
      padding: 0 24px;
      color: #ccc;
    }

    .BraftEditor-container {
      overflow: inherit;
    }

    .mdEditorContent {
      font-size: 14px;
      // max-height: 600px;
      overflow: auto;
      word-break: break-all;

      img {
        max-width: 100%;
      }

      p {
        padding: 0;
        margin: 0;
        min-height: 20px;
      }

      ul {
        list-style-type: disc;
        margin-left: 16px;
        font-size: 14px;
      }

      ol {
        margin-left: 16px;
        font-size: 14px;
        list-style-type: decimal;

        li {
          list-style-position: outside;
        }
      }
    }

    #editorFiles {
      visibility: hidden;
      position: absolute;
    }

    .BraftEditor-controlBar {

      > :nth-child(11),
      .link-editor-dropdown~.control-item,
      #editorFile,
      .braft-link-editor .switch-group {
        display: none;
      }

      .headings-dropdown {
        .menu-item {
          padding-top: 10px !important;
          padding-bottom: 10px !important;
        }

        .menu-item:nth-child(4),
        .menu-item:nth-child(5),
        .menu-item:nth-child(6) {
          display: none;
        }
      }
    }

    .BraftEditor-content {
      font-size: 14px;
      min-height: 140px;
      // max-height: 600px;
      padding: 5px 17px;

      .public-DraftEditor-content {
        min-height: 140px;
      }
    }

    .mdEditorHeader {
      box-sizing: border-box;
      height: 55px;
      align-items: center;
      padding: 0 24px;

      .caption {
        font-size: 17px;
        font-weight: bold;
        color: #333;
      }

      .mdEditorTipColor {
        color: #9e9e9e;
      }

      .mdEditorCancel {
        font-size: 13px;
        cursor: pointer;

        &:not(:hover) {
          color: #9e9e9e !important;
        }
      }

      .mdEditorSave {
        font-size: 13px;
        cursor: pointer;
        color: #fff;
        border-radius: 3px;
        margin-left: 32px;
        height: 32px;
        line-height: 32px;
        padding: 0 22px;
      }
    }
  }
}
